@blue: #3190e8;
@bc: #e4e4e4;
@fc: #fff;

/* 背景图片地址和大小 */
.bis(@url) {
  background-image: url(@url);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.borderRadius(@radius) {
  border-radius: @radius;
}

/* 定位全屏 */
.allCover {
  position: absolute;
  top: 0;
  right: 0;
}

/* 定位上下左右居中 */
.center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* 定位上下居中 */
.ct {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

/* 定位上下居中 */
.cl {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

/* 宽高 */
.wh(@width,@height) {
  width: @width;
  height: @height;
}

/* 字体大小、行高、字体 */
.font (@size, @line-height, @family: 'Microsoft YaHei') {
  font: @size / @line-height @family;
}

/* 字体大小，颜色 */
.sc(@size, @color) {
  color: @color;
  font-size: @size;
}

/* flex 布局和 子元素 对其方式 */
.fj (@type: space-between) {
  display: flex;
  justify-content: @type;
}

.clearfix() {
  zoom: 1;

  &::before,
  &::after {
    content: ' ';
    display: table;
  }

  &::after {
    visibility: hidden;
    height: 0;
    clear: both;
    font-size: 0;
  }
}

.opacity(@opacity) {
  filter: alpha(opacity= @opacity-ie);
  will-change: opacity;
  opacity: @opacity;
  @opacity-ie: (@opacity * 100);
}

/* placeholder text */
.placeholder(@color: var(--text-title-second )) {
  &::placeholder {
    opacity: 1;
    color: @color;
  }
}

/* 多行文本溢出省略 */
.ellipsis(@rows) {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: @rows;
  -webkit-box-orient: vertical;
}

/* 单行文本溢出省略 */
.ellipsis1() {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.triangle(@width, @color) {
  width: 0;
  height: 0;
  border: @width solid transparent;
  border-top: @width solid @color;
  font-size: 0;
  line-height: 0;
}
